<template>
  <div class="h-panel">
    <PaasTitleBar></PaasTitleBar>
    <div class="h-panel-body bottom-line">
      <Form ref="form" :validOnChange="true" :showErrorTip="true" labelPosition="true" :labelWidth="110" :rules="vRules" :model="model" mode="twocolumn">
        <FormInput label="账号" prop="account" v-model="model.account"></FormInput>
        <FormInput label="姓名" prop="name" v-model="model.name"></FormInput>
        <FormInput label="手机号" prop="phone" v-model="model.phone"></FormInput>
        <FormSelect label="性别" prop="sex" v-model="model.sex" params="Sex"></FormSelect>
        <FormInput label="年龄" prop="age" v-model="model.age"></FormInput>
        <FormPageSelect label="角色权限" prop="roleId" v-model="model.roleId" url="/sysroles/select"></FormPageSelect>
      </Form>
    </div>
    <PaasButtonBar action="query"></PaasButtonBar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      model: {},
      vRules: {
        required: [],
      },
    };
  },
  methods: {},
};
</script>